<template>
    <div>
<h2>添加</h2>
<table class="table">
    <tbody>
        <tr>
            <td>房间名</td>
            <td>
                <input type="text" v-model="data.name" >
            </td>
        </tr>
        <tr>
            <td>建筑面积</td>
            <td>
                <input type="text"  v-model="data.jianZhu">
            </td>
        </tr>
        <tr>
            <td>套内面积</td>
            <td>
                <input type="text" v-model="data.taoNie">
            </td>
        </tr>
        <tr>
            <td>单价</td>
            <td>
                <input type="text"  v-model="data.price">
            </td>
        </tr>
        
        <tr>
            <td>户型结构</td>
            <td>
                <select v-model="data.type">
                    <option value="">请选择</option>
                    <option value="两居室">两居室</option>
                    <option value="三居室">三居室</option>
                    <option value="四居室">四居室</option>
                    <option value="五居室">五居室</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>img</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>看房时间</td>
            <td>
                <input type="date"  v-model="data.createDate">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="button" value="添加" @click="Add">
            </td>
        </tr>
    </tbody>
</table>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import axios from 'axios';

const data=ref({
  "id": 0,
  "name": "",
  "type": "",
  "jianZhu": 0,
  "taoNie": 0,
  "price": 0,
  "img": "",
  "createDate": ""
})

const s=ref({
    begin:60,
    emd:300
})

const Add=()=>{
    if(data.value.name=="")
    {
        alert("房间名不能为空");
        return;
    }
    if(data.value.jianZhu==0)
    {
        alert("建筑面积必填");
        return;
    }
    if(data.value.jianZhu<s.value.begin)
    {
        alert("建筑面积要大于60");
        return;
    }
    if(  data.value.jianZhu>s.value.emd ){
        alert("建筑面积要小于300");
        return;
    }
    if(data.value.taoNie==0)
    {
        alert("套内面积必填");
        return;
    }
    if(data.value.taoNie>data.value.jianZhu)
    {
        alert("套内面积需要小于建筑面积");
        return;
    }
    if(data.value.price==0)
    {
        alert("单价必填");
        return;
    }
    if(data.value.type=="")
    {
        alert("户型结构必选");
        return;
    }
    axios.post("https://localhost:7154/api/Room/AddRoom",data.value).then(res=>{
        


    if(res.data>0){
            alert("添加成功");
            location.href="/"
        }
        else{
            alert("添加失败");
        }
    })
}
</script>

<style scoped>

</style>